<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /* 鼠标移动事件 => 短时间当中,触发的大量的事件,对浏览器造成的压力太大了*/
        // document.onmousemove = function(e){
        //     console.group();
        //     console.log(e);
        //     console.groupEnd();
        // }
        

        /* 代码结构混乱 */
        //低版本节流
        let firstTime = 0;
        document.onmousemove = function(e){
            //获取移动的时间
            let nowTime = +new Date();
            //当间隔时间没有移动完毕,代码就不要往后面走
            if(nowTime - firstTime < 500){
                return;
            }
            //后面一次的开始时间,上一次移动的结束的时间
            firstTime = nowTime;
            //执行业务代码
            console.group();
            console.log(e);
            console.groupEnd();
        }





    </script>
</body>
</html>